<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">	
		<section class="content">
			<div class="box-header with-border">
                    <i class="fa fa-th-list"></i>
                    <h4 class="box-title">参数报警配置</h4>
             </div>
		    <div class="box-body">
		    	<div class="box-header with-border">
					<button type="button" name="add"
						class="btn btn-info pull-left addBtn">
						<i class="fa fa-plus-circle"></i>添加
					</button>
					<button type="button" name="cancel" id="cancel-btn"
						class="btn btn-info pull-left resetBtn" title="刷新">
						<i class="fa fa-refresh"></i>刷新
					</button>
					<div class="form-inline pull-right">
						<select autofocus="" id = "partsWarnTypeSelect" name = "partsWarnTypeSelect" class = "form-control" style=" width:35%">
							<option value=''>选取全部</option>
						</select>
						<button type="button" name="search" id="search-btn"
							class="btn btn-default pull-right searchBtn" title="查询">
							<i class="fa fa-search"></i>
						</button>
						<input type="text" class="form-control pull-right" id="keyword"
							placeholder="参数名" />	
					</div>
				</div>
                <table id="dataTable" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
						<thead>
							<tr>
								<th width="9%">序号</th>
								<th width="13%">部件类型</th>
								<th width="13%">参数代码</th>
								<th width="13%">参数名</th>
								<th width="13%">告警类型</th>
								<th width="13%">告警说明</th>
								<th width="13%">报警设置</th>
								<th width="13%">操作</th>	
							</tr>
						</thead>
						<tbody>
						   
						</tbody>
					</table>
		    </div>
		</section>
		<!--账号信息添加弹窗-->
		<div class="modal" id="partsWarnModal">
			<div class="modal-dialog" role="dialog">
				<form id="partsWarnEditForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title"><strong>部件类型信息</strong></h4>
						</div>
						<div class="modal-body">
							<input type="hidden" name="id" id="id" />
							<input type="hidden" name="createTime" id="createTime" />
							<div class="form-horizontal">
								
								<div class="form-group">
									<label class="col-sm-2 control-label">部件类型</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<select autofocus="" id = "partsType" name = "partsType" class = "form-control" style=" width:100%"></select>
										</div>
									</div>
									<label class="col-sm-2 control-label">部件参数</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<select autofocus="" id = "partsAttributes" name = "partsAttributes" class = "form-control" style=" width:100%"></select>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">告警类型</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input id="warnStatusInput" name="warnStatusInput" type="text" class="form-control" />
										</div>
									</div>
									<label class="col-sm-2 control-label">告警说明</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input id="warnExpInput" name="warnExpInput" type="text" class="form-control" />
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-1"></div>
									<div class="col-sm-2">
											<input id="warnMinValue" name="warnMinValue" type="text" class="form-control" />
									</div>
									<div class="col-sm-2">
											<select autofocus="" id = "warnMinValueType" name = "warnMinValueType" class = "form-control" style=" width:100%">
												<option value="1" >&lt;</option>
												<option value="2" >&lt;=</option>
											</select>
									</div>
									<div class="col-sm-2">
										<label class="control-label">报警范围</label>
									</div>
									<div class="col-sm-2">
											<select autofocus="" id = "warnMaxValueType" name = "warnMaxValueType" class = "form-control" style=" width:100%">
												<option value="3" >&lt;</option>
												<option value="4" >&lt;=</option>
											</select>
									</div>
									<div class="col-sm-2">
											<input id="warnMaxValue" name="warnMaxValue" type="text" class="form-control" />
									</div>
									<div class="col-sm-1"></div>
								</div>
								
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saveBtn" >保存</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

						</div>
					</div>
				</form>
			</div>
		</div>
		<script th:src="@{/partsWarn/partsWarn.js}"></script>
	</div>

</body>
</html>